<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>HTML5 SQL Player</title>
    <link href="styles/screen.css" rel="stylesheet" type="text/css" />
    <link href="/build?dev/html5/player/scripts/worker" type="text/javascript" rel="worker" />
    <script type="text/javascript" src="/tools/gears_init.js"></script>
    <script type="text/javascript" src="/build?dev/html5/player/scripts/main"></script>
</head>
<body>
    <h1>HTML5 SQL Player</h1>
    <div id="requirements">
        <h2>Requirements</h2>
        <p>
            A browser that supports Javascript and <a href="http://code.google.com/apis/gears/">Google Gears</a> is required to run this player.
            Check your browser settings to make sure that you have Javascript enabled and Google Gears <a href="http://gears.google.com/">installed</a>.
        </p>
    </div>
    <div id="help">
        <h2>Overview</h2>
        <p>
            This player is meant to be a testing and idea-forming ground for the <a href="">Client-side Database Storage</a>, a new
            functionality specified by the <a href="">HTML5</a> draft.
        </p>
        <p>
            You can try this functionality right here in the browser. Type (or paste from your favorite editor) Javascript code in
            the area below and hit <q>Play</q> to see the results.
        </p>
        <p>
            It's important to know that your code will be executed outside of the document context, in a separate thread. As such,
            none of the DOM objects will be available to you, except for the <code>window</code> object, and this object only
            implements the <code>openDatabase</code> method from the spec and has the <code>console</code> object for printing results.
            That's not much, but should be enough to run some SQL queries and get an idea or two about the spec.
        </p>
        <p>
            The <code>console</code> object is modeled after the Firebug <a href="">console</a> object and supports
            <a href="">log</a>, <a href="">debug</a>, <a href="">error</a>, and <a href="">info</a> methods.
        </p>
    </div>
    <div id="credits">
        <p>
            The HTML5 SQL player is made possible by the ever-awesome <a href="http://code.google.com/apis/gears/">Google Gears</a>,
            specifically the <a href="http://code.google.com/apis/gears/api_workerpool.html">WorkerPool</a> and <a href="http://code.google.com/apis/gears/api_database.html">Database</a> modules.
            The icons are provided by the superb <a href="http://famfamfam.com/">FamFamFam</a>.
        </p>
        <p>
            The player's code is licensed under the terms of the <a rel="license" href="">Creative Commons 2.0</a> license.
            Obviously, <a href="http://code.google.com/apis/gears/">Google Gears</a> and <a href="">HTML5</a> have their own copyright and licening terms.
        </p>
    </div>
</body>
</html>
